import type { AppRouteModule } from "/@/router/types"

import { getParentLayout, LAYOUT } from "/@/router/constant"
import { t } from "/@/hooks/web/useI18n"

const permission: AppRouteModule = {
  path: "/level",
  name: "Level",
  component: LAYOUT,
  redirect: "/level/menu1/menu1-1/menu1-1-1",
  meta: {
    orderNo: 2000,
    icon: "ion:menu-outline",
    title: t("routes.demo.level.level"),
  },

  children: [
    {
      path: "menu1",
      name: "Menu1Demo",
      component: getParentLayout("Menu1Demo"),
      meta: {
        title: "Menu1",
      },
      redirect: "/level/menu1/menu1-1/menu1-1-1",
      children: [
        {
          path: "menu1-1",
          name: "Menu11Demo",
          component: getParentLayout("Menu11Demo"),
          meta: {
            title: "Menu1-1",
          },
          redirect: "/level/menu1/menu1-1/menu1-1-1",
          children: [
            {
              path: "menu1-1-1",
              name: "Menu111Demo",
              component: () => import("/@/views/demo/level/Menu111.vue"),
              meta: {
                title: "Menu111",
              },
            },
          ],
        },
        {
          path: "menu1-2",
          name: "Menu12Demo",
          component: () => import("/@/views/demo/level/Menu12.vue"),
          meta: {
            title: "Menu1-2",
          },
        },
      ],
    },
    {
      path: "menu2",
      name: "Menu2Demo",
      component: () => import("/@/views/demo/level/Menu2.vue"),
      meta: {
        title: "Menu2",
        // ignoreKeepAlive: true,
      },
    },
  ],
}

export default permission
